<template>
<view> 	
	<!-- #ifndef H5 -->
	<view class="head" :class="bgColor?bgColor:'bg-grey'" :style="'height: '+(systemInfo.safeArea.top+44)+'px;'">
		<view class="fix-wrap">			
			<view class="status-bar" :style="{'height':systemInfo.safeArea.top+'px'}"> </view>			
			<view class="content" :style="{'height':'44px'}"> 
				<slot name="header">
					<!-- <template>
					<navigator open-type="navigateBack" :delta="1" hover-class="none" class="t-btn back-btn iconfont f-wb">&#xe63b;</navigator> 
					<view class="title">首页</view>
					<navigator hover-class="none" class="t-btn menu-btn iconfont f-wb">&#xe63b;</navigator>
					</template> -->
					<!-- <template>
						<view class="navigation-fix-btn">
							<navigator open-type="navigateBack" :delta="1" hover-class="none" class="back-btn iconfont f-s38">&#xe621;</navigator>
							<view class="line"></view>
							<navigator url="/pages/index/index" open-type="redirect" hover-class="none" class="home-btn iconfont f-s36">&#xe61f;</navigator>
						</view>
					</template>
					<view class="hide-wrap" :style="'height:'+(menuButtonInfo.top+menuButtonInfo.height+8)+'px'">
						<view class="fix-wrap" :style="'top:'+menuButtonInfo.top+'px'">
							<view class="title split">套餐1</view>
						</view>
					</view> -->
					
				</slot>
			</view>
		</view>
	</view>
	<!-- #endif -->
</view>
</template>

<script> 
import {
		getSystemInfo
	} from '@/common/promise.js'
export default{
	name:'demo',
	data(){
		return{ 
			systemInfo:{}
		}
	},
	props:{
		bgColor:{
			type:String
		},
		position:{
			type:String
		} 
	}, 
	async created() { 
		// 获取终端系统信息 		
		this.systemInfo=uni.getStorageSync('systemInfo'); 
	},
	methods:{ 
		 
	},
	computed:{
		
	},
	components:{
		
	}
}
</script>

<style lang="less"> 
.status-bar{ 
	top:0;
	left: 0;
	width:100%; 	
}
.bg-main{
	.fix-wrap{
		// background:radial-gradient(circle at left top, #04a760 10%, #1db774, #38c789);
		background:radial-gradient(circle at left bottom, #ff8929 0, #fea257, #fdd0ac);
	}
}
.bg-white {
	.fix-wrap{
		background:#fff;
	} 
}
.bg-grey{
	.fix-wrap{
		background:#f5f5f5;
	} 
}
.head{ 
	.fix-wrap{
		left: 0;
		top: 0;
		width:100%;	 
	}
	.content{  
		width:100%;  
	}
}
</style>
